<!doctype html>
<html lang="zh-CN">

<head>
    <title>首页</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/com-hea.css">
    <link rel="stylesheet" href="./css/com-bottom.css">
    <link rel="stylesheet" href="./css/cooperation.css">
    <link href="./css/font-awesome.css" type="text/css" rel="stylesheet">

</head>

<body>

    <!-- 公共头部 -->
    <div style="box-shadow: 0 0 15px #eee;">
        <div class='com-hea-wrap'>
            <div class='dis-spa'>
                <img src="./img/logo.png" style="height:55px;width: 228px;">
                <div class='dis-spa hea-contro'>
                    <span>
                        <a href="index.html">首页</a>
                    </span>
                    <span>
                       <a href="over-meth.html">行业方案</a>
                    </span>
                    <span class='hea-active'>
                        <a href="">合作案例</a>
                    </span>
                    <span>
                        <a href="news.html">新闻中心</a>
                    </span>
                    <span>
                        <a href="intro-we.html">关于我们</a>
                    </span>
                    <span>
                        <a href="find-we.html">联系我们</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 公共头部 -->

    <!-- 滚动公共头部 -->
    <div id='scr-hea'>
        <div class='com-hea-wrap'>
            <div class='dis-spa'>
                <img src="./img/logo.png" style="height:55px;width: 228px;">
                <div class='dis-spa hea-contro'>
                    <span>
                        <a href="index.html">首页</a>
                    </span>
                    <span>
                        <a href="over-meth.html">行业方案</a>
                    </span>
                    <span class='hea-active'>
                        <a href="">合作案例</a>
                    </span>
                    <span>
                        <a href="news.html">新闻中心</a>
                    </span>
                    <span>
                        <a href="intro-we.html">关于我们</a>
                    </span>
                    <span>
                        <a href="find-we.html">联系我们</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 滚动公共头部 -->

    <div data-scroll-reveal="enter bottom, move 50px, over 1.6s">
        <div class='coo-wrap-font'>
            <h1>我们的客户案例</h1>
            <p>Accurate and cross-border marketing can be achieved through technology and resources, so that enterprises can grow rapidly.</p>
        </div>
    </div>

    <div style="padding:50px 0;background: #7fb3dc;">
        <div class='margin-center goods-par'>
            <div class='dis-spa goods-top-wrap' style="margin-bottom:6px;">
                <div class='rela' style="margin-right:6px;">
                    <img src="./img/goods-1.jpg" width="100%" height="100%" data-scroll-reveal="enter left, move 50px, over 1s">
                    <div>
                        <div class='ab1'>
                            <h1>SDHFA</h1>
                            <p>Quality customer</p>
                        </div>
                        <div class='ab2'>
                            <h1>周六福</h1>
                            <p>ZHOU LIU FU</p>
                            <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                        </div>
                    </div>
                </div>
                <div class='goods-top-right'>
                    <div class='rela'>
                        <img src="./img/goods-2.jpg" width="100%" height="100%" data-scroll-reveal="enter top, move 50px, over 1s">
                        <div>
                            <div class='ab1'>
                                <h1>SDHFA</h1>
                                <p>Quality customer</p>
                            </div>
                            <div class='ab2'>
                                <h1>周六福</h1>
                                <p>ZHOU LIU FU</p>
                                <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                            </div>
                        </div>
                    </div>
                    <div class='dis-spa goods-top-right-bottom' style="margin-top:6px;">
                        <div class='rela' style="margin-right:6px;">
                            <img data-scroll-reveal="enter left, move 50px, over 1s" src="./img/goods-3.jpg" width="100%" height="100%">
                            <div>
                                <div class='ab1'>
                                    <h1>SDHFA</h1>
                                    <p>Quality customer</p>
                                </div>
                                <div class='ab2'>
                                    <h1>周六福</h1>
                                    <p>ZHOU LIU FU</p>
                                    <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                                </div>
                            </div>
                        </div>
                        <div class='rela'>
                            <img data-scroll-reveal="enter right, move 50px, over 1s" src="./img/goods-4.jpg" width="100%" height="100%">
                            <div>
                                <div class='ab1'>
                                    <h1>SDHFA</h1>
                                    <p>Quality customer</p>
                                </div>
                                <div class='ab2'>
                                    <h1>周六福</h1>
                                    <p>ZHOU LIU FU</p>
                                    <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class='dis-spa goods-bottom-wrap'>
                <div class='goods-bottom-left'>
                    <div class='rela' style="margin-bottom: 6px;">
                        <img data-scroll-reveal="enter top, move 50px, over 1s" src="./img/goods-5.jpg" width="100%" height="100%">
                        <div>
                            <div class='ab1'>
                                <h1>SDHFA</h1>
                                <p>Quality customer</p>
                            </div>
                            <div class='ab2'>
                                <h1>周六福</h1>
                                <p>ZHOU LIU FU</p>
                                <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                            </div>
                        </div>
                    </div>
                    <div class='rela'>
                        <img data-scroll-reveal="enter bottom, move 50px, over 1s" src="./img/goods-6.jpg" width="100%" height="100%">
                        <div>
                            <div class='ab1'>
                                <h1>SDHFA</h1>
                                <p>Quality customer</p>
                            </div>
                            <div class='ab2'>
                                <h1>周六福</h1>
                                <p>ZHOU LIU FU</p>
                                <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="height:606px;margin: 17px 6px 11px;">
                    <div class='rela' style="height:100%;">
                        <img data-scroll-reveal="enter bottom, move 50px, over 1s" src="./img/goods-7.jpg" width="100%" height="100%">
                        <div>
                            <div class='ab1'>
                                <h1>SDHFA</h1>
                                <p>Quality customer</p>
                            </div>
                            <div class='ab2'>
                                <h1>周六福</h1>
                                <p>ZHOU LIU FU</p>
                                <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='goods-bottom-left'>
                    <div class='rela' style="margin-bottom: 6px;">
                        <img data-scroll-reveal="enter right, move 50px, over 1s" src="./img/goods-8.jpg" width="100%" height="100%">
                        <div>
                            <div class='ab1'>
                                <h1>SDHFA</h1>
                                <p>Quality customer</p>
                            </div>
                            <div class='ab2'>
                                <h1>周六福</h1>
                                <p>ZHOU LIU FU</p>
                                <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                            </div>
                        </div>
                    </div>
                    <div class='rela'>
                        <img data-scroll-reveal="enter bottom, move 50px, over 1s" src="./img/goods-9.jpg" width="100%" height="100%">
                        <div>
                            <div class='ab1'>
                                <h1>SDHFA</h1>
                                <p>Quality customer</p>
                            </div>
                            <div class='ab2'>
                                <h1>周六福</h1>
                                <p>ZHOU LIU FU</p>
                                <p>收到后尽快发是大家看法啦加快了速度速度加快立法金卡速度加快立法金卡楼上的发生了艰苦地方艰苦拉萨的发速度加快立法</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="margin-center" style="padding:100px 0;">
        <div class='ser-title'>
            <h1>SERVICES</h1>
            <p></p>
        </div>
        <div class='dis-spa ser-par'>
            <div class='ser-list-wrap'>
                <div class='ser-info'>
                    <div class='font-icon-wrap'>
                        <span class='fa fa-industry sicon'></span>
                    </div>
                    <h1>酒类行业解决方案</h1>
                    <p>智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能。</p>
                </div>
            </div>
            <div class='ser-list-wrap'>
                <div class='ser-info'>
                    <div class='font-icon-wrap'>
                        <span class='fa fa-puzzle-piece sicon'></span>
                    </div>
                    <h1>珠宝行业解决方案</h1>
                    <p>智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能</p>
                </div>
            </div>
            <div class='ser-list-wrap'>
                <div class='ser-info'>
                    <div class='font-icon-wrap'>
                        <span class='fa fa-users sicon'></span>
                    </div>
                    <h1>快消品行业解决方案</h1>
                    <p>智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能。</p>
                </div>
            </div>
            <div class='ser-list-wrap'>
                <div class='ser-info'>
                    <div class='font-icon-wrap'>
                        <span class='fa fa-shield sicon'></span>
                    </div>
                    <h1>食品行业解决方案</h1>
                    <p>智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 公共底部 -->
    <div style="min-width:1500px;position: relative;">
        <img src="./img/bottom-bg.png" width="100%" height="350px">
        <div class='swi-3-wrap'>
            <div class="swiper-container swi-3" style="width:100%;height: 100%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class='swi-3-info'>
                            <div>
                                <h1>关于我们</h1>
                                <p>区块链分布式账本+全行业防伪溯源系统解决方案，以区块链去中心化，不可篡改的特殊属性，结合物联网设备，能够防止人为因素的数据源造假，确保上链产品信息的真实性和唯一性。</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class='swi-3-info'>
                            <div>
                                <h1>关于我们</h1>
                                <p>区块链分布式账本+全行业防伪溯源系统解决方案，以区块链去中心化，不可篡改的特殊属性，结合物联网设备，能够防止人为因素的数据源造假，确保上链产品信息的真实性和唯一性。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
            </div>
        </div>
    </div>

    <div class='com-bottom'>
        <div class='dis-spa com-bot-top'>
            <div class='com-bottom-left'>
                <p>
                    <img src="./img/logo-2 .png" style="width:124px;height:40px;">
                </p>
                <div id='bottom-a'>
                    <a href="index.html">首页</a>
                    <a href="over-meth.html">行业方案</a>
                    <a class='bom-a-active' href="cooperation.html">合作案例</a>
                    <a href="news.html">新闻中心</a>
                    <a href="intro-we.html">关于我们</a>
                    <a href="find-we.html">联系我们</a>
                </div>
            </div>
            <div class='com-bottom-right'>
                <p>总部：重庆市渝中区经纬大道789号美源.美源大厦12层</p>
                <p>联系电话：023-63410620</p>
                <p>邮箱：service@xi-tech.com.cn</p>
                <p>微信：17353262583 17365294814</p>
            </div>
        </div>
        <div class='dis-spa com-bot-bottom'>
            <p>©20178中国区块链溯源信息系统-智鼎溯源 备案号：1321544421215321231</p>
            <p>
                <img src="./img/logo-2-black.png" height="18px">
            </p>
        </div>
    </div>
    <!-- 公共底部 -->


    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/scrollReveal.js"></script>
    <script src="./js/com.js"></script>
    <script>
        $('.hea-contro').hover(function(ev) {
            var el = $(ev.target);
            if (el.index() != 2) {
                $('.hea-active').removeClass('hea-active');
            }
        }, function(el) {
            $($('.hea-contro').eq(0).children()[2]).addClass('hea-active');
            $($('.hea-contro').eq(1).children()[2]).addClass('hea-active');
        });
        $('.com-logo div').hover(function(ev) {
            var el = $(this).find('img');
            $(el[0]).slideUp(500);
            $(el[1]).slideDown(500);
        }, function(ev) {
            var el = $(this).find('img');
            $(el[1]).slideUp(500);
            $(el[0]).slideDown(500);
        });
        $('#bottom-a a').hover(function(ev) {
            var el = $(ev.target);
            if (el.index() != 2) {
                $('.bom-a-active').removeClass('bom-a-active');
            }
        }, function() {
            $('#bottom-a a').eq(2).addClass('bom-a-active');
        });
    </script>
</body>

</html>